.bodyBox{
   width: 1090px;
  margin:0 auto;
  position: relative;
}
.productDetail{
  padding:0px 0px 80px;
}
/*面包屑*/
.bread_nav{
  line-height: 1;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 12px;
}
.bread_nav a:hover{
  color: #333;
  text-decoration: underline;
}
.rIcon{
  display: inline-block;
  margin:2px 5px 0;
  width:5px;
  height: 9px;
  background:url(../image/header.png) no-repeat 0 0;
}
.rEat{
  color: #999;
}
/*左边图片展示部分*/
.productLeft{
  float: left;
  width:524px;
  overflow:hidden;
}
/*大图部分*/
.bigView{
  position: relative;
  float: left;
  width: 430px;
  height: 430px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  margin-right: 16px;
  border: 1px solid rgb(232, 232, 232);
}
/*小图部分*/
.smallView{
  position: relative;
  float: right;
  overflow: hidden;
}
.smallView ul{
  position: relative;
}
.smallView li{
  position: relative;
  zoom:1;
  width: 78px;
  height: 78px;
  overflow: hidden;
  margin-bottom: 10px;
  vertical-align: top;
}
.smallView li a{
  display: block;
  width: 78px;
  height: 78px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border: 1px solid rgb(232, 232, 232);
}
.smallView li img{
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(244,244,244);
}
.smallView li.iActive a{
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  margin: 0px;
  border: 2px solid rgb(180, 160, 120);
}
/*右边文字信息描述部分*/
.productRight{
  float: right;
  width: 566px;
  padding-left: 62px;
  /*自动换行*/
  word-break: break-all;
  word-wrap: break-word;
}
.proName{
  float: left;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 7px;
}
.proTxt{
  width: 300px;
  font-size: 12px;
  padding-bottom: 20px;
  padding-top: 13px;
  line-height: 18px;
  color: rgb(153,153,153);
}
/*商品价格部分*/
.productPrice{
  background-color: rgb(245, 243, 239);
  line-height: 24px;
  border-top: 1px dotted rgb(222, 222, 222);
  border-bottom: 1px dotted rgb(222, 222, 222);
  padding: 0px 0px 16px;
}
.priceBox{
  height: 45px;
  overflow: hidden;
}
.firstLine{
  width: 54px;
  font-size: 12px;
  float: left;
  color: rgb(102,102,102);
  margin-left: 10px;
}
.salePrice{
  margin-top: 16px;
  line-height: 30px;
}
.field{
  position: relative;
}
.saleRight{
  font-size: 18px;
  font-weight: 700;
  margin-right: 1px;
  margin-top: 13px;
  margin-left: 0px;
  height: 30px;
  float: left;
}
.rmb{
  margin-left: 0px;
  line-height: 30px;
  color: rgb(215, 40, 45);
  font-size: 18px;
}
.priceNum{
  font-size: 28px;
  line-height: 30px;
  margin-left: 2px;
  color: rgb(215, 40, 45);
}
.saleBox{
  overflow: hidden;
}
.saleTxt{
  line-height: 28px;
}
.firstLink,.firstLink:hover{
  float: left;
  max-width: 395px;
  line-height: 28px;
  color: rgb(212, 40, 45);
  text-decoration: underline;
  max-width: 423px;
  display: inline-block;
  word-break: normal;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
}
.activityType{
  background-color: rgb(215, 40, 45);
  color: rgb(255, 255, 255);
  display: inline-block;
  width: 55px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  position: relative;
  margin-right: 10px;
  left: 0;
}
.server{
  margin-top: 1px;
}
.serverBox{
  float: left;
  max-width: 398px;
  height: 12px;
  line-height: 12px;
  color: rgb(102, 102, 102);
  cursor: pointer;
  vertical-align: super;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 6px 0px;
}
.serverBox:hover{
  border-bottom: 1px solid rgb(102,102,102);
}
.circleIcon{
  display: inline-block;
  overflow:hidden;
  vertical-align: top;
  font-size: 12px;
  word-spacing: normal;
  letter-spacing: normal;
  height: 3px;
  width: 3px;
  margin: 4px 4px 0px 0px;
  background:url(../image/icon-normal-ss.png) no-repeat 0 -4336px;
}
.interspace{
  width: 13px;
  height: 12px;
  vertical-align: middle;
  display: inline-block;
}
.j_param{
  margin-top: 20px;
}
.param{
  margin-left: 10px;
  margin-top: 10px;
}
.saleSize{
  line-height: 30px;
  color: #666;
  margin-left: 0;
}
.size_box{
  float: left;
  width: 438px;
  position: relative;
}
.tab_con{
  float: left;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
  padding: 1px;
}
.tab{
  padding: 0 25px;
  line-height: 28px;
  font-size: 12px;
  color: #333;
  overflow: hidden;
  border: 1px solid #ddd;
  float: left;
  cursor: pointer;
  position: relative;
}
.tab:hover{
  color: #333;
}
.tab_sel{
  border: 2px solid #b4a078;
  color: #333;
  margin: -1px;
}
.tabIcon{
  display: none;
  position: absolute;
  height: 12px;
  width: 12px;
  background: url(../image/icon-normal-sss.png) no-repeat 0 -5765px;
}
.sel{
  bottom: 0;
  right: 0;
}
.tab_sel .sel{
  display: block;
}
.number{
  margin-top: 10px;
  margin-left: 10px;
}
.selNum{
  line-height: 30px;
}
.numBox{
  position: relative;
}
.numCount{
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  font-size: 12px;
  word-spacing: normal;
  letter-spacing: normal;
}
.u_selnum{
  display: inline-block;
  border: 1px solid #ddd;
  overflow: hidden;
}
.less{
  position: relative;
  float: left;
  width: 36px;
  height: 30px;
  line-height: 28px;
  background: #fff;
  border-right: 1px solid #ddd;
}
.u_selnum input{
  box-sizing: border-box;
  border-radius: 0;
  border: 0;
  width: 60px;
  margin: 0;
  font-size: 12px;
  text-align: center;
  color: #333;
  position: relative;
  float: left;
  height: 30px;
  line-height: 28px;
  background: #fff;
}
.u_selnum input.dis{
  color: #ccc;
}
.u_selnum .z_dis.less,
.u_selnum .z_dis.more{
  cursor: not-allowed;
}
.u_selnum .less,
.u_selnum .more {
  cursor: pointer;
}
.more{
  position: relative;
  float: left;
  width: 36px;
  height: 30px;
  line-height: 28px;
  background: #fff;
  border-left: 1px solid #ddd;
}
.hx{
  position: absolute;
  top: 15px;
  left: 12px;
  width: 10px;
  height: 2px;
  overflow: hidden;
  background: #999;
}
.sx{
  position: absolute;
  width: 2px;
  overflow: hidden;
  top: 11px;
  left: 16px;
  height: 10px;
  background: #999;
}
.u_selnum .z_dis .hx,
.u_selnum .z_dis .sx {
  background: #d3d3d3;
}


/*购物车和收藏按钮*/
.bigBtns{
  margin-left: 12px;
  margin-top: 30px;
}
.btns{
  margin-right: 10px;
}
.w_btn{
  width: 168px;
  height: 49px;
  line-height: 47px;
  font-size: 18px;
  text-align: center;
  padding: 0;
  letter-spacing: normal;
  border-radius: 2px;
  display: inline-block;
  overflow: hidden;
}
.w_btnGhost{
  color: #b4a078;
  border: 1px solid #b4a078;
  background-color: #f5f3ef;
}
.w_btnGhost:hover{
  background-color: #fff;
}
.w_btnPrimary{
  color: #fff;
  border: 1px solid #b4a078;
  background-color: #b4a078;
}
.w_btnPrimary:hover{
  color: #fff;
  border: 1px solid #c0ae8a;
  background-color: #c0ae8a;
}
.icon_cart{
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  font-size: 12px;
  word-spacing: normal;
  letter-spacing: normal;
  margin: 12px 8px 0 0;
  width: 21px;
  height: 21px;
  background: url(../image/icon-s.png) no-repeat 0 -62px;
}
/*收藏按钮*/
.zone_1{
  height: 24px;
  overflow: hidden;
  position: relative;
}
.collectZone{
  position: relative;
  display: inline-block;
  height: 49px;
  width: 50px;
  border: 1px solid #CCC;
  overflow: hidden;
  /*vertical-align: middle;*/
  text-align: center;
  cursor: pointer;
}
.top{
  position: relative;
  height: 24px;
}
.collectIcon{
  margin-top: 6px;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  font-size: 12px;
  word-spacing: normal;
  letter-spacing: normal;
}
.top_2,
.bottom_2{
  display: none;
}
.hasCollect .top_1,
.hasCollect .bottom_1 {
  display: none;
}
.hasCollect .top_2,
.hasCollect .bottom_2 {
  display: block;
}
.topIcon1{
  height: 15px;
  width: 16px;
  background: url(../image/icon-normal-sss.png) no-repeat 0 -860px;
}
.topIcon2{
  height: 15px;
  width: 16px;
  background: url(../image/icon-normal-sss.png) no-repeat 0 -885px;
}
.zone_2{
  height: 23px;
  overflow: hidden;
  position: relative;
}
.bottom{
  height: 23px;
  font-size: 13px;
  line-height: 23px;
  color: #999;
}
/*大家都在看*/
.productContainer{
  width: 100%;
  overflow: hidden;
  margin-top: 22px;
  border: 1px solid #e8e8e8;
}
.proTitle{
  height: 44px;
  line-height: 44px;
  font-size: 17px;
  position: relative;
  background-color: #f5f5f5;
}
.proTabItem{
  display: none;
  /*段落一行缩进*/
  text-indent: 18px;
  background-color: #f5f5f5;
}
.show{
  display: inline-block;
}



/*详情和评价*/
.productDesc{
  margin-top: -20px;
  padding-top: 40px;
}
/*左边部分*/
.descLeft{
  float: left;
  width: 750px;
  margin-right: 40px;
}
.descUl{
  position: relative;
  border-left: 1px solid #e8e8e8;
}
.descItem{
  border: 1px solid #e8e8e8;
  border-left: none;
  background-color: #f5f5f5;
  height: 42px;
  position: relative;
  z-index: 1;
  float: left;
  width: 170px;
  text-align: center;
}
.descBg{
  border: 1px solid #e8e8e8;
  border-left: none;
  background-color: #f5f5f5;
  height: 42px;
  /*box-sizing: border-box;*/
  position: absolute;
  left: 0;
  width: 100%;
}
.descItem a{
  display: block;
  line-height: 40px;
  font-size: 14px;
}
.descItemAct{
  border-top: 3px solid #b4a078;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  color: #b4a078;
}
.comNum{
  color: #b4a078;
}

/*商品详情描述*/
.detailComm {
  display: none;
}
.hasView {
  display: block;
}
.detailHtml{
  padding-top: 30px;
}
.attrList{
  margin-bottom: 17px;
}
.attrItem{
  padding: 8px 30px;
  float: left;
  min-width: 50%;
  line-height: 24px;
  font-size: 14px;
  border-bottom: 1px dashed #e8e8e8;
}
.attrName{
  float: left;
  display: block;
  width: 105px;
}
.attrVal{
  float: left;
  color: #999;
}


/*商品图片展示部分*/
.descPic{
  width: 100%;
  height: auto;
}
.lazyLoaded{
  background: #f4f4f4;
  color: #f4f4f4;
}

/*质检报告部分*/
.detailOther{
  padding-top: 80px;
  font-size: 14px;
}
.otherTitle{
  font-size: 18px;
  background: #f5f5f5;
  height: 52px;
  margin-bottom: 30px;
  text-align: center;
  line-height: 52px;
}
.imgWarp{
  height: 350px;
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
.detailOther img{
  width: 100%;
}
.otherIcon{
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  font-size: 12px;
  word-spacing: normal;
  letter-spacing: normal;
  position: absolute;
  bottom: 10px;
  right: 10px;
  height: 23px;
  width: 23px;
  background: url(../image/icon-normal-sss.png) no-repeat 0 -1282px;
}
.imgWarp:hover .cover{
  display: block;
}
.cover{
  display: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-color: rgba(0,0,0,.4);
  zoom: 1;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 164px;
}
.coverTxt{
  font-size: 18px;
  color: #fff;
  line-height: 1;
}
.coverIcon{
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  font-size: 12px;
  word-spacing: normal;
  letter-spacing: normal;
  position: relative;
  top: 5px;
  left: 8px;
  height: 11px;
  width: 9px;
  background: url(../image/icon-normal-sss.png) no-repeat 0 -1261px;
}


/*常见问题部分*/
.qaItem{
  padding-bottom: 32px;
}
.question{
  line-height: 1;
  padding-bottom: 8px;
}
.answer{
  line-height: 18px;
  color: #999;
}
/*商品评价部分*/
.datailComm{
  min-height: 842px;
  border: 1px solid #e8e8e8;
  border-top: none;
}
.commNav{
  border-bottom: 1px solid #eaeaea;
  margin: 0 14px;
  padding-top: 28px;
  padding-bottom: 12px;
  overflow: hidden;
}
.comm_radio{
  float: left;
  margin-left: 16px;
  border-radius: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: 0;
}

.comm_radio label{
  font-size: 14px;
  padding-left: 12px;
  vertical-align: middle;
  cursor: pointer;
}
.comm_act label{
  color: #b4a078;
}
.radio{
  cursor: pointer;
}
.comm_radio>input{
  height: 15px;
  width: 15px;
  background: url(../image/getgold.png) no-repeat 0 -87px;
}
.comm_radio>input:checked{
  background: url(../image/getgold.png) no-repeat 0 -72px;
}
/*专题推荐*/
.descRight{
  float: left;
  width: 300px;
}
.topicRecommend{
  width: 300px;
  border:1px solid #e8e8e8;
}
.rightTitle{
  line-height: 41px;
  background-color: #f5f5f5;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  border-bottom: 1px solid #e8e8e8;
}
.rightBody{
  padding: 30px 19px;
}
.rtItem{
  margin-bottom: 20px;
}
.rtItem:last-of-type{
  margin-bottom: 0;
}
.rtLink{
  position: relative;
  display: block;
  width: 260px;
  height: 140px;
  overflow: hidden;
}
.rtTxt{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: transparent;
  background-color: rgba(0,0,0,.7);
  zoom: 1;
}


.overlay,
.mask,
.f_tlbr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.overlay {
   position: fixed;
   z-index: 100;
}
.overlay_ani {
  opacity: 1;
}
.mask {
  background-color: #000;
  opacity: .8!important;
}
.mask_ani {
  transition: all .2s linear;
}
.wc_pop {
  position: relative;
  width: 500px;
  height: 274px;
  top: 20%;
  margin: 0 auto;
  background-color: #fff;
  z-index: 10;
  display: none;
}
.overlay_container_ani {
  opacity: 0;
  transform: scale(.9);
  transition: transform .3s ease-out;
}
.ani_bouncein {
  transform: scale(1);
  opacity: 1!important;
}
.loginPop {
  width: 384px;
  height: 460px;
  overflow: visible;
  padding: 0 40px;
}
.j_dialog_body {
  left:522.5px;
  top: 494px;
}
.wc_close {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 20px;
  right: 20px;
  cursor: pointer;
  background: url(../image/icon-normal-s9.png) no-repeat 0 -855px;
}